<template>
  <a-row id="login">
    <a-col :span="12" align="center">
      <Logo></Logo>
    </a-col>
    <a-col :span="12">
      <p>Account Login</p>
      <Login></Login>
    </a-col>
  </a-row>
</template>

<script> 
import Logo from "@/components/login/logo";
import Login from "@/components/login/login";
export default {
  layout: "blank",
  components:{
    Logo,
    Login
  },
};
</script>
<style lang="scss" scoped>
#login{
  margin: 200px auto 0;
  p{
    font-size: 24px; 
  }
}
</style>